@for $i from 4 through 7 {
	.font-weight-#{$i*100} { font-weight: 100 * $i; }
}
@for $i from 8 through 32 {
	.font-#{$i*2} { font-size: 2rpx * $i; }
}
@for $i from 5 through 80 {
	.line-height-#{$i*2} { line-height: 2rpx * $i!important; }
	.height-#{$i*2} { height: 2rpx * $i!important; }
}
@for $i from 3 through 50 {
	.padding-#{$i*2} { padding: 2rpx * $i!important; }
	.margin-#{$i*2} { margin: 2rpx * $i!important; }
	.mt-#{$i*2} { margin-top: 2rpx * $i!important; }
	.mb-#{$i*2} { margin-bottom: 2rpx * $i!important; }
	.ml-#{$i*2} { margin-left: 2rpx * $i!important; }
	.mr-#{$i*2} { margin-right: 2rpx * $i!important; }
	.mlr-#{$i*2} { 
		margin-right: 2rpx * $i!important;
		margin-left: 2rpx * $i!important;
	}
	.mtb-#{$i*2} { 
		margin-top: 2rpx * $i!important;
		margin-bottom: 2rpx * $i!important;
	}
	.plr-#{$i*2} { 
		padding-left: 2rpx * $i!important;
		padding-right: 2rpx * $i!important;
	}
	.ptb-#{$i*2} { 
		padding-top: 2rpx * $i!important;
		padding-bottom: 2rpx * $i!important;
	}
	.pt-#{$i*2} { padding-top: 2rpx * $i!important; }
	.pb-#{$i*2} { padding-bottom: 2rpx * $i!important; }
	.pl-#{$i*2} { padding-left: 2rpx * $i!important; }
	.pr-#{$i*2} { padding-right: 2rpx * $i!important; }
}
.padding-0{
	padding: 0!important;
}
.pb-0{
	padding-bottom: 0!important;
}
.pt-0{
	padding-top: 0!important;
}
.ptb-0{
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.mb-0{
	margin-bottom: 0!important;
}
.mt-0{
	margin-top: 0!important;
}
.mtb-0{
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.ml-0{
	margin-left: 0;
}
.mr-0{
	margin-right: 0;
}
.margin-0{
	margin: 0;
}
@for $i from 2 through 10 {
	.radius-#{$i*4} { border-radius: 4rpx * $i!important; }
}
.line-height-1{
	line-height: 1;
}
.color-primary{
	color: $primary-color;
}
.color-error{
	color: $required-color;
}
.color-warning{
	color:$warning-color;
}
.color-fff{
	color: #fff;
}
.color-shit{
	color: #93653D;
}
.color-999{
	color: #999999;
}
.color-666{
	color: #666666!important;
}
.bg-f9{
	background: #F9F9F9!important;
}
.bg-fff{
	background: #fff!important;
}
.bg-primary{
	background:$bg-color-primary!important;
}
.bg-warning{
	background:$bg-color-warning!important;
}
.bg-error{
	background:$bg-color-error!important;
}
.inline-block{
	display: inline-block;
}
.flex{
	display: flex;
}
.flex-column{
	display: flex;
	flex-direction: column;
}
.inline-flex{
	display: inline-flex;
}
.flex-center{
	justify-content: center;
	align-items: center;
}
.flex-j-center{
	justify-content: center;
}
.flex-a-center{
	align-items: center;
}
.flex-j-bt{
	justify-content: space-between;
}
.flex-j-ar{
	justify-content: space-around;
}
.flex-j-start{
	justify-content: flex-start;
}
.flex-j-end{
	justify-content: flex-end;
}
.flex-a-start{
	align-items: flex-start;
}
.flex-a-end{
	align-items: flex-end;
}
.width-96{
	width:96rpx!important;
}
.width-100{
	width:100rpx!important;
}
.width-120{
	width:120rpx!important;
}
.width-160{
	width:160rpx!important;
}
.width-200{
	width:200rpx!important;
}
.width-48{
	width:48rpx!important;
}
.width-40{
	width:40rpx!important;
}
.width-140{
	width:140rpx!important;
}
.width-fill{
	width: 100%!important;
}
.width-height-96{
	width:96rpx!important;
	height:96rpx!important;
}
.width-height-48{
	width:48rpx!important;
	height:48rpx!important;
}
.radius-circle{
	border-radius: 50%;
}
.radius-98{
	border-radius: 98rpx;
}
.radius-70{
	border-radius: 70rpx;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.border-e7{
	border: 1rpx solid #E7E7E7;
}
.border-none{
	border: none!important;
}

/* title */
.title-36{
	font-size: 36rpx;
	line-height: 52rpx;
	margin-bottom: 32rpx;
	font-weight: 600;
	color: #333333;
}
.underline{
	text-decoration: underline;
}
.underline-2{
	border-bottom:1rpx solid #999;
}
/* 截断 */
.ellipsis-1{
	overflow: hidden;
	text-wrap: nowrap;
	text-overflow: ellipsis;
}
/* tags */
@mixin tags{
	height: 48rpx;
	line-height: 48rpx;
	font-size: 24rpx;
	border-radius: 6rpx 6rpx 6rpx 6rpx;
	padding: 0 14rpx;
	margin-right: 16rpx
}
.tag-primary{
	@include tags;
	color: $primary-color;
	background: rgba(58,177,166,0.08);
}
.tag-warning{
	@include tags;
	color: $warning-color;
	background: rgba(247,172,58,0.08);
}
.overflow-h{
	overflow: hidden;
}
.line-bot{
	height: 1rpx;
	width: 100%;
	background-color: #e7e7e7;
}
.relative{
	position: relative!important;
}
.absolute{
	position: absolute;
}
.no-wrap{
	text-wrap: nowrap;
}